@extends('public')
@section('content')
    <div class="wrap">
        <div class="gu_box">
            <div class="gu_box_L">
                <div class="about">购买即可现场抽奖<span>|</span>送黄金</div>
                <div class="t_name">
                    <div class="jd jd_blue">

                        <div id="myStat" data-dimension="50" data-text="0%" data-info="New Clients" data-width="3" data-fontsize="16" data-percent="60" data-fgcolor="#00bffc" data-bgcolor="#eee" data-fill="#fff"></div>
                    </div>
                    <div class="txt">
                        <h1>第{{$data->batch}}期&nbsp;{{$data->title}}项目</h1>
                        <p>准备投标 {{$data->price}} 元 </p>
                    </div>
                </div>

                <div class="date_box">
                    <img src="{{asset('images/i_z.gif')}}" width="22" height="18"><span class="num org">年化收益&nbsp;</span><span class="num org"></span> <span>（%）&nbsp;&nbsp;{{$data->annualRate}}</span>

                    <span class="v_line"></span>
                    <img src="{{asset('images/i_b.gif')}}" width="18" height="18">
                    <span class="num">收益期限</span>&nbsp;<span>（月）&nbsp;&nbsp;{{$data->period}}</span>


                    <span class="v_line"></span>

                    <img src="{{asset('images/i_w.gif')}}" width="18" height="18">
                    <span class="num">项目总额&nbsp;</span><span>￥&nbsp;&nbsp;{{$data->amount}}</span>
                    <span class="v_line"></span>
                    <img src="{{asset('images/i_l.png')}}" width="18" height="18">
                    <span class="num">起息</span><span> {{$data->interest}}</span>
                    <span class="v_line"></span>
                    <img src="{{asset('images/i_h.png')}}" width="18" height="18">
                    <span class="num">还款方式：</span><span> &nbsp;{{$data->payment}}</span>
                </div>

                <div class="intro">
                    <h2 class="intro_tit">项目信息</h2>
                    <p style="font-size: 14px;">{{$data->projectinfor}}</p>
                    <h2 class="intro_tit">借款人信息</h2>
                    <div class="text_box">
                        <p class="text_1">{!! $data->borrower !!}</p>
                        {{--<img src="" width="120" height="160" class="pap">--}}
                        <div class="clearfix"></div>
                    </div>
                    @if( ($data->lender) != '')
                        <h2 class="intro_tit">出借人信息（原始债权人）</h2>
                        <div class="text_box">
                            <p class="text_1">{!!$data->lender !!}<p>
                            {{--<img src="" width="120" height="160" class="pap">--}}
                            <div class="clearfix"></div>
                        </div>
                    @else
                        <h2 class="intro_tit" style="display: none;">出借人信息（原始债权人）</h2>
                        <div class="text_box"  style="display: none;">
                            <p class="text_1"><p>
                            {{--<img src="" width="120" height="160" class="pap">--}}
                            <div class="clearfix" ></div>
                        </div>
                    @endif

                    @if( ($data->pawn) != '')
                        <h2 class="intro_tit" >质押物基本信息</h2>
                        <div class="text_box" >
                            <p class="text_1" style="font-size: 14px;">{{$data->pawn}}<p>
                                @foreach( explode(',',$data->pawnimg) as $key=>$value)
                                    @if(count($value)>0)
                                        <img src="{{$value}}" width="120" height="160" class="pap" style="display: block; margin-right:25px;" >
                            @endif
                            @endforeach
                            <div class="clearfix"></div>
                        </div>
                    @else
                        <h2 class="intro_tit" style="display: none;">质押物基本信息</h2>
                        <div class="text_box" style="display: none;">
                            <p class="text_1"><p>

                                <img src="" width="120" height="160" class="pap">
                            <div class="clearfix"></div>
                        </div>
                    @endif
                </div>
                <div class="de_tab">
                    <ul>
                        <li class="current">保证措施</li>
                        <li>还款来源</li>
                        <li>风控审核</li>
                        <li>监管保障</li>
                        <li>法律保障</li>
                        {{--<li>礼品赠送</li> --}}
                    </ul>
                    <div class="clear"></div>
                </div>

                <div class="de_con_w">
                    <div class="de_con">
                        <div class="xm_list">
                            {!! $data->measure !!}
                            {{--保证措施--}}
                            <div class="clear"></div>
                        </div>
                    </div>

                    <div class="de_con" style="display:none">
                        <div class="fk_list">
                            {!! $data->source !!}
                            {{--还款来源--}}
                        </div>
                    </div>

                    <div class="de_con"  style="display:none">
                        <div class="xm_list">
                            {!! $data->auditing !!}
                        </div>
                        {{--风控审核--}}
                    </div>
                    <div class="de_con" style="display:none">
                        <div class="xm_list">
                            <div class="lc">
                                {!! $data->guarantee !!}
                            </div>
                            {{--监管保障--}}
                        </div>
                    </div>

                    <div class="de_con" style="display:none">
                        {!! $data->law !!}
                        {{--法律保障--}}
                    </div>
                </div>

<div class="btn_box">
                <a class="btn_1" href="{{url('wechat/investmentway')}}">立即投资</a>
                <div class="point_1">( 投资方式为线下签约投资，您可选择以下方式预约投资或预约了解更多项目信息：1、在线QQ留下信息预约线下洽谈；2、直接拨打客服电话预约投资洽谈)</div>
</div>
          <style>
              .btn_box{ width:100%;overflow: hidden;}
              .btn_1{float:left; cursor:pointer;font-family:Microsoft Yahei; margin:16px 20px; padding-left:32px; border:0; outline-width:0; width:100%;  background:#06b5ff; height:30px; line-height:30px; font-size:14px; color:#ffffff;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;text-shadow:1px 1px 2px #0487bf; width:90px;}
            .btn_1:hover { background:#31c0fc; color:#ffffff}
              .point_1{clear:left;float:left;margin:0 14px 50px;}

          </style>
            <h2 class="intro_tit">相关资料</h2>
            <div class="text_box"  id="container">
                {{--<p class="text_1">文字介绍</p>--}}
                @foreach(explode(',', $data->messageimg) as $key=>$value)
                    @if(count($value)>0)
                        <img   src="{{$value}}" width="120" height="160" class="bigImg"  >
                    @endif
                @endforeach
                <style>
                    @media screen and (max-width: 750px) {
                        .text_box{width:90%;padding-left:4px;}
                    }
                </style>
                <div class="clearfix"></div>
            </div>
            <div class="text_box" id="bigImages" style="display:none">
                <div id="close" style="color:red;font-size: 20px;">关闭</div>
                <div id="bigImagescont"></div>
            </div>
            </div>
            <div class="gu_box_R">
                <div class="tx">小熊猫金服提醒您：投资有风险<a href="#">[详情]</a></div>
                {{--<div class="wanc">--}}
                    {{--<b>投标完成</b>--}}
                    {{--融资金额：<span>{{$data->price}}</span>元--}}
                    {{--<a class="btn" href="#">关注其他项目</a>--}}
                {{--</div>--}}
                {{--<div class="pic_box"><a href="#"><img src="{{asset('images/sjtb.gif')}}" width="286" height="81"></a></div>--}}
                {{--<div class="tit_tj">推荐投资</div>--}}
                {{--<div class="tjtz_list">--}}
                    {{--<ul>--}}
                        {{--<li>--}}
                            {{--<div class="li_L">--}}
                                {{--<div class="t_1"><span>10.5</span>%</div>--}}
                                {{--<div class="t_2">折让<br />0%</div>--}}
                                {{--<div class="t_3">剩余<br />604天</div>--}}
                            {{--</div>--}}
                            {{--<div class="li_R">--}}
                                {{--<div class="t_name"><a href="#">债权转让项目 2695370</a></div>--}}
                                {{--<div class="t_add">北京 · 个人</div>--}}
                                {{--<div class="num">0.00/874.26</div>--}}
                            {{--</div>--}}
                        {{--</li>--}}
                        {{--<li>--}}
                            {{--<div class="li_L">--}}
                                {{--<div class="t_1"><span>10.5</span>%</div>--}}
                                {{--<div class="t_2">折让<br />0%</div>--}}
                                {{--<div class="t_3">剩余<br />604天</div>--}}
                            {{--</div>--}}
                            {{--<div class="li_R">--}}
                                {{--<div class="t_name"><a href="#">债权转让项目 2695370</a></div>--}}
                                {{--<div class="t_add">北京 · 个人</div>--}}
                                {{--<div class="num">0.00/874.26</div>--}}
                            {{--</div>--}}
                        {{--</li>--}}
                        {{--<li>--}}
                            {{--<div class="li_L">--}}
                                {{--<div class="t_1"><span>10.5</span>%</div>--}}
                                {{--<div class="t_2">折让<br />0%</div>--}}
                                {{--<div class="t_3">剩余<br />604天</div>--}}
                            {{--</div>--}}
                            {{--<div class="li_R">--}}
                                {{--<div class="t_name"><a href="#">债权转让项目 2695370</a></div>--}}
                                {{--<div class="t_add">北京 · 个人</div>--}}
                                {{--<div class="num">0.00/874.26</div>--}}
                            {{--</div>--}}
                        {{--</li>--}}
                    {{--</ul>--}}
                </div>
            </div>
            <div class="clear"></div>
        </div>

    </div>

@stop

@section('js')
    <script src="{{asset('/js/jquery.circliful.min.js')}}"></script>
    <script>
        $(function(){
            $('#myStat').circliful();

            //点击相关资料图片放大实现
            $('.bigImg').click(function() {
                $("#container").hide();
                var images = $(this).attr("src");
                $("#bigImagescont").html('<img src="'+images+'" width="100%" height="100%" class="pap">')
                $("#bigImages").show();
                $("#close").click(function(){
                    $("#bigImages").hide();
                    $("#container").show();
                })
            });

        });
    </script>
@stop

